/*
 * * * * * * * * * * LICENCIA * * * * * * * * * * * * * * * * * * * * *

Copyright(C) 2012
Instituto Universtiario de Tecnología Dr. Federico Rivero Palacio

Este programa es Software Libre y usted puede redistribuirlo y/o modificarlo
bajo los términos de la versión 3.0 de la Licencia Pública General (GPLv3)
publicada por la Free Software Foundation (FSF), es distribuido sin ninguna
garantía. Usted debe haber recibido una copia de la GPLv3 junto con este
programa, sino, puede encontrarlo en la página web de la FSF, 
específicamente en la dirección http://www.gnu.org/licenses/gpl-3.0.html

 * * * * * * * * * * ARCHIVO * * * * * * * * * * * * * * * * * * * * *

Nombre: Principal.css
Diseñador: Johan Alamo (johan.alamo@gmail.com)
Programador: Johan Alamo
Fecha: Marzo de 2013
Descripción:  
	Este archivo contiene los estilos principales a utilizar en toda la 
	aplicación

 * * * * * * * * Cambios/Mejoras/Correcciones/Revisiones * * * * * * * *
Diseñador - Programador /   Fecha   / Descripción del cambio
---                         ----      ---------

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/


/*Cuerpo del html */
body
{
background-color:#dce2fb;
}

/*sección principal de la aplicación */
section#sistema{
	border: 2px solid black;
	width: 960px;
	margin:auto;
	background-color:#FFFFFF; /*#DAE2ED;*/
	box-shadow: 15px 15px 30px blue;
}
/*encabezado de la aplicacion*/
section#sistema > header {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid black;
	border-style: none none dashed none;
	padding-bottom: 10px;
	text-align: left;
}
/*Pie de pagina de la aplicación */
section#sistema > footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-top: 1px black;
	border-style: dashed none none;
	font-size: 12px;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Estilo del título de la apliación */
h1
{
	text-shadow: 5px 5px 5px #F1D0D0;
	display:inline;
}
h2{
	text-align:center;
	background-color: rgba(100,200,255,1);
	margin-bottom: 0px;
}
section.submenu{
	background-color: lightgray;
	font-size: 10pt;

}
/* Estilo de la sección para colocar los datos de la sesión */
section#datossesion  {
	width: 100%;
	margin-top: 5px;
	padding-bottom: 5px;
	background-color: lightgray;
}
section#datossesion > div.datossesion {
	position:left;
	font-size: 10pt;
	display:inline;
}
section#datossesion > div.cerrarsesion {
	float: right;
	font-size: 10pt;
	display: inline;
}


/*Estilo del menú principal de la aplicación */
section#menuprincipal {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px black;
	border-style: none none dashed;
	background-color: lightgray;
}
.menuizquierda  {
	position: left;
	display: inline;
	font-size: 11px;
}
.menuderecha  {
	display: inline;
	float: right;
	font-size: 11px;
}


section#principal {
	border: 2px solid black;
	padding: 10px 0px 10px 20px;
	margin:10px 20px 10px 20px;
	background-color:#FFFFFF; /*#DAE2ED;*/

	box-shadow: 2px 2px 3px red;
	position: center;
}






.titulodatos
{
text-align:left;
font-weight:bold;
}
.datos
{
text-align:left;
font-style:italic;
}

.icono_pequenio{
width:16px;
height:16px;
border:0px;
}
.icono_pequenio:hover{
width:14px;
height:14px;
border:1px solid gray;
}

.menucentro
{
font-size: 11px;
text-align: center;
}
.error
{
text-align:center;
font-weight:bold;
color:red;
}

.msg{
text-align:center;
color:red;
font-size: 14pt;
font-weight: bold;
}

